<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
<head>
<title>Cairo graphics tutorial</title>
<link rel="stylesheet" href="/cfg/format.css" type="text/css">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="keywords" content="Cairo graphics tutorial, 2D vectore graphics, programming, C">
<meta name="description" content="This is Cairo graphics tutorial. In this tutorial, you will
learn the basics of graphics programming in Cairo library with C language. ">
<meta name="language" content="en">
<meta name="author" content="Jan Bodnar">
<meta name="distribution" content="global">

<script type="text/javascript" src="/lib/jquery.js"></script>
<script type="text/javascript" src="/lib/common.js"></script>

<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-5536206-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body>

<div class="container">

<div id="wide_ad" class="ltow">
<script type="text/javascript"><!--
google_ad_client = "pub-9706709751191532";
/* 160x600, August 2011 */
google_ad_slot = "2484182563";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<div class="content">

<a href="/" title="Home">Home</a>

<h1>Cairo graphics tutorial</h1>

<p>
This is Cairo graphics tutorial. The tutorial will teach you the basics
of graphics programming in Cairo with the C programming language. 
This tutorial is for beginners and intermediate developers.
</p>

<h2>Table of contents</h2>

<ul>
  <li><a href="cairolib/">Introduction</a></li>
  <li><a href="cairodefinitions/">Cairo definitions</a></li>
  <li><a href="cairobackends/">Cairo backends</a></li>
  <li><a href="basicdrawing/">Basic drawing</a></li>
  <li><a href="shapesfills/">Shapes and fills</a></li>
  <li><a href="gradients/">Gradients</a></li>
  <li><a href="transparency/">Transparency</a></li>
  <li><a href="compositing/">Compositing</a></li>
  <li><a href="clippingmasking/">Clipping and Masking</a></li>
  <li><a href="transformations/">Transformations</a></li>
  <li><a href="cairotext/">Text</a></li>
  <li><a href="cairoimages/">Images in Cairo</a></li>
  <li><a href="root/">Root window</a></li>
</ul>

<h2>Cairo</h2>

<p>
Cairo is a library for creating 2D vector graphics. It is written in the 
C programming language. There are bindings for other computer languages.
Python, Perl, C++, C# or Java. Cairo is a multiplatform library. It
works on Linux, BSDs, OSX.
</p>

<div class="g-plusone"></div>


<h2>Similar tutorials</h2>

<p>
<a href="/gfx/pycairo/">PyCairo tutorial</a> presents the Cairo library with 
the Python language. You may also look at the 
<a href="http://zetcode.com/tutorials/gtktutorial/">GTK+ tutorial</a>.
</p>

<div class="footer">

<div class="signature">
<a href="/">ZetCode::</a> last modified December 14, 2012 <span class="copyright">&copy; 2007 - 2013 Jan Bodnar</span>
</div>
</div> 

</div> <!-- content -->

</div> <!-- container -->

</body>
</html>

